<template>
  <!-- 购车测算结果页 -->
  <view class="container">
    <view class="bgimg">
      <!-- <image src="https://files.yzsheng.com/client/commodity/cesuanbanner@2x.png"></image> -->
    </view>
    <view class="headbox flex">
      <view class="ml-10" @click="returnpage">
        <u-icon name="arrow-left" color="#3D3D3D" size="44rpx"></u-icon>
      </view>
      <view class="headname font-36"></view>
    </view>
    <view class="complete">
      <view class="cpbox font-24">
        <view class="titles">
          您的预估款额
        </view>
        <view class="moneys font-bold">
          {{money}}
        </view>
        <view class="cankaos font-24 mt-20">
          *此结果仅供参考
        </view>
      </view>
    </view>
    <view class="addcar flex flex-ai-c">
      <view class="addcarbox">
        <image src="https://files.yzsheng.com/client/commodity/gou@2x.png" mode="aspectFill"></image>
      </view>
      <view class="addbtn ml-35" @click="addbrands">
        <view class="susstex color-333 font-bold">
          提交成功
        </view>
        <view class="font-30 mt-20">以为你安排专业顾问 请耐心等待</view>
      </view>
    </view>
    <view class="carlistbox">
      <view class="titls font-32 color-333">
        为您精选
      </view>
      <view class="carboxs flex flex-wrap-w">
        <view class="carxb" v-for="(item,index) in carlist" :key="index" @click="carClick(item)">
          <view class="caimg mt-30">
            <!-- <image src="https://files.yzsheng.com/client/comparison/images/che.png" mode="aspectFill"></image> -->
            <image :src="item.goodImg+'!idx'" mode="aspectFill"></image>
          </view>
          <view class="carnams mt-10">
            {{item.car_Type_Name}}{{item.configuration_Name}}
          </view>
          <view class="flex mt-10 mr-10">
            <view class="saleByRent" v-show="item.rentOut">
              以租代售
            </view>
            <view class="saleByRent" v-show="item.down_Payment">
              一成首付
            </view>
            <view class="jnj" v-show="item.loans">
              巨能降
            </view>
            <view class="saleByRent" v-show="item.proprietary">
              自营
            </view>
          </view>
          <view class="guidancePrice mt-15" v-if="!item.loans">
            指导价：{{item.factory_Price}}
          </view>
          <view class="guidancePrice mt-15" v-else>
            指导价：<text>{{item.factory_Price}}</text>
          </view>
          <view class="flex flex-ai-fe flex-jc-sb mt-20" v-if="!item.loans">
            <view class="monthly">
              月供 <text>{{item.monthlyPayments}}</text>元
            </view>
            <view class="monthly ml-10">
              首付 <text>{{item.downPayment}}</text>万
            </view>
          </view>
          <view class="flex flex-ai-fe flex-jc-fe mt-20" v-else>
            <view class="monthly">
              <text>{{item.client_Price}}</text>
            </view>
            <view class="lvse ml-10">
              <u-icon name="arrow-downward" color="#38AA0B" size="24rpx"></u-icon>
              {{item.difference}}
            </view>
          </view>
        </view>
      </view>
    </view>

  </view>
</template>

<script src="./estimatedResults.js"></script>
<style scoped lang="scss">
  @import './estimatedResults.scss';
</style>
